@charset "utf-8";
.banner{ position:relative;overflow:hidden;height: auto;z-index: 3}
.banner img{width: 100%;height: auto;}
.banner .swiper-slide{opacity: 0!important}
.banner .swiper-slide-active{opacity: 1!important}
.bannerControler{position: absolute;z-index: 4;bottom: 66px;left: 0;padding-left: 230px;background: url(ico_04.png) no-repeat left center;}
.bannerControler .bPrev{display: block;float: left;outline: none;cursor: pointer;width: 20px;height: 30px;background: url(bPrev.png) no-repeat center center;background-size:10px 16px}
.bannerControler .bNext{display: block;float: left;outline: none;cursor: pointer;width: 20px;height: 30px;background: url(bNext.png) no-repeat center center;background-size:10px 16px}
#bannerpagination{position: absolute;width: 100%;left: 0;margin-left: 0;text-align: center;bottom: 36px;z-index: 4}
#bannerpagination .swiper-pagination-bullet{display: inline-block;background:none;width: 9px;height: 9px;border-radius: 100%;text-indent:99999px; overflow:hidden; margin:0 5px;cursor: pointer;transition: all 0.5s;opacity: 1;border: 2px solid #fff}
#bannerpagination .swiper-pagination-bullet-active{background: #fff;}

.sj-banner{ position:relative;overflow:hidden;width: 100%;height: auto;z-index: 3;display: none}
.sj-banner img{width: 100%;height: auto;}
.sj-banner .swiper-slide{opacity: 0!important}
.sj-banner .swiper-slide-active{opacity: 1!important}
#sjpagination{position: absolute;width: 100%;left: 0;margin-left: 0;text-align: center;bottom: 20px;z-index: 4}
#sjpagination .swiper-pagination-bullet{display: inline-block;background:none;width: 6px;height: 6px;border-radius: 100%;text-indent:99999px; overflow:hidden; margin:0 5px;cursor: pointer;transition: all 0.5s;opacity: 1;border: 1px solid #fff}
#sjpagination .swiper-pagination-bullet-active{background: #fff;}


@media screen and (max-width: 1660px){

}
@media screen and (max-width: 1230px){
	.banner{display: block;margin-top: 109px !important;}
}
@media screen and (max-width: 750px){
	.banner{display: none}
	.sj-banner{display: block;margin-top: 60px !important;}
}

.s1{padding: 50px 0 90px;background: url(bg_01.jpg) no-repeat bottom right;background-size: cover;}
.s1 .topArea{text-align: center;}
.s1 .topArea .h{font-size: 100px;line-height: 1;font-family: Impact;color: rgba(224,225,228,.3);}
.s1 .topArea .p{font-size: 36px;color:#000000;font-weight: bold;margin-top: -48px;line-height: 1}
.s1 .s1-a{margin-top: 95px}
.s1 .s1-a .leftArea{width: 800px;}
.s1 .s1-a .leftArea .h{font-size: 28px;color: #333333;font-weight: bold;margin-bottom: 30px;}
.s1 .s1-a .leftArea .cont{font-size: 16px;color: #333333;line-height: 2}
.s1 .s1-a .leftArea .more{display: block;margin-top: 40px;width: 136px;height: 38px;line-height: 38px;box-sizing: border-box;padding-left: 16px;font-size: 14px;color: #ffffff;background: url(ico_01.png) no-repeat;}
.s1 .s1-b{margin-top: 80px;}
.s1 .s1-b .item{float: left;width: 25%;text-align: center;}
.s1 .s1-b .item .h{font-size: 14px;color: #666666;vertical-align: bottom;position: relative;}
.s1 .s1-b .item .h::after{content: '';position: absolute;bottom: -2px;left: 10%;right: 10%;height: 1px;background: #e5e5e5}
.s1 .s1-b .item .h span{font-size: 36px;color: #0486e3;font-weight: bold;}
.s1 .s1-b .item .p{font-size: 18px;color: #666666;margin-top: 8px}

@media screen and (max-width: 1660px){
	.s1{padding: 30px 0 50px}
	.s1 .s1-a{margin-top: 60px}
	.s1 .s1-a .leftArea{width:700px}
	.s1 .s1-a .leftArea .h{font-size: 28px;}
	.s1 .s1-a .leftArea .cont{font-size: 16px;line-height:2}
	.s1 .s1-b{margin-top: 50px}
}
@media screen and (max-width: 1200px){
	.s1{background: unset!important;}
	.s1 .topArea .h{font-size: 60px;}
	.s1 .topArea .p{font-size: 24px;margin-top: -30px}
	.s1 .s1-a{margin-top: 50px}
	.s1 .s1-a .leftArea{width: 100%}
	.s1 .s1-a .leftArea .h{margin-bottom: 20px;}
	.s1 .s1-a .leftArea .cont{}
	.s1 .s1-a .leftArea .more{margin-top: 30px}
	.s1 .s1-b{margin-top: 40px}
}
@media screen and (max-width: 750px){
	.s1 .s1-a{margin-top: 30px}
	.s1 .s1-a .leftArea .h{font-size: 20px;text-align: center;}
	.s1 .s1-a .leftArea .cont{font-size:14px;line-height:23px}
	.s1 .s1-b{margin-top: 20px}
	.s1 .s1-b{margin-top: 30px}
	.s1 .s1-b .item{width: 50%;margin-bottom: 10px}
	.s1 .s1-b .item .h{font-size: 14px;}
	.s1 .s1-b .item .h span{font-size: 24px}
	.s1 .s1-b .item .p{font-size: 14px}
}

.s2{padding: 58px 0 50px;background: url(bg_02.jpg) no-repeat center center;background-size: cover;}
.s2 .topArea{text-align: center;padding-bottom: 20px;position: relative;}
.s2 .topArea .h{font-size: 36px;color: #ffffff;font-weight: bold;}
.s2 .topArea .p{font-size: 16px;color: #e0e1e4;margin-top: 5px;}
.s2 .topArea::after{content: '';position: absolute;bottom: 0;left: 50%;margin-left: -24px;width: 48px;height: 2px;background: #1aa2eb}
.s2 .s2-c{margin-top: 50px;position: relative;}
.s2 .s2-c .s2-prev{position: absolute;z-index: 3;left: -80px;top:40%;width: 34px;height: 34px;top: 40%;margin-top: -17px;background: url(prev.png) no-repeat;background-size: contain;cursor: pointer;outline: none}
.s2 .s2-c .s2-next{position: absolute;z-index: 3;right: -80px;top:40%;width: 34px;height: 34px;top: 40%;margin-top: -17px;background: url(next.png) no-repeat;background-size: contain;cursor: pointer;outline: none}
.s2 .s2-swiper .swiper-slide{width: 514px;margin-right: 29px}
.s2 .s2-swiper .swiper-slide .pic{position: relative;overflow: hidden;padding: 30px;background-color: #ffffff;}
.s2 .s2-swiper .swiper-slide .pic img{width: 100%;height: auto;display:block;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all .5s;max-width: 100%;}
.s2 .s2-swiper .swiper-slide:hover .pic img{transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1); }
.s2 .s2-swiper .swiper-slide .txt{width: 90%;height:180px;margin: -40px auto 0 auto;background: #0272C2;position: relative;box-sizing: border-box;padding: 28px 5% 0;text-align: center;transition: all .5s ease;}
.s2 .s2-swiper .swiper-slide .txt .h{font-size: 24px;color: #ffffff;font-weight: bold;padding-bottom: 20px;position: relative;transition: all .5s ease;}
.s2 .s2-swiper .swiper-slide .txt .h::after{content: '';position: absolute;width: 36px;height: 1px;background: #8ABBDE;left: 50%;margin-left: -18px;bottom: 0;transition: all .5s ease;}
.s2 .s2-swiper .swiper-slide .txt .cont{margin-top: 16px;font-size: 17px;line-height: 36px;height: 108px;overflow: hidden;transition: all .5s ease;}
.s2 .s2-swiper .swiper-slide .txt .more{display: block;margin: 18px auto 0 auto;width: 118px;height: 36px;line-height: 36px;text-align: center;border: 1px solid #1a8fe2;border-radius:0px;background: #fff;font-size: 14px;color: #1a8fe2}
.s2 .s2-swiper .swiper-slide:hover .txt{background: #1a8fe2}
.s2 .s2-swiper .swiper-slide:hover .txt .h{color: #fff}
.s2 .s2-swiper .swiper-slide:hover .txt .h::after{background: #fff}
.s2 .s2-swiper .swiper-slide:hover .txt .cont{color: #fff}
#s2pagination{position: unset;width: 460px;margin: 60px auto 0 auto;background: rgba(255,255,255,.22);opacity: 1}
#s2pagination .swiper-scrollbar-drag{background: #1a8fe2}

@media screen and (max-width: 1800px){
	.s2 .s2-c .s2-prev{left: -40px;}
	.s2 .s2-c .s2-next{right: -40px}
}
@media screen and (max-width: 1660px){
	#s2pagination{width: 386px}
	.s2 .s2-swiper .swiper-slide .txt{height:140px;padding: 15px 3% 0}
	.s2 .s2-swiper .swiper-slide .txt .h{font-size: 20px;}
	.s2 .s2-swiper .swiper-slide .txt .cont{margin-top: 14px;font-size: 15px;line-height: 26px;height: 78px}
	.s2 .s2-swiper .swiper-slide .txt .more{height: 30px;line-height: 30px}
}
@media screen and (max-width: 1300px){
	.s2 .s2-c .s2-prev{left: 0}
	.s2 .s2-c .s2-next{right: 0}
}
@media screen and (max-width: 1200px){
	.s2{padding: 30px 0}
	.s2 .s2-c .s2-prev{display: none}
	.s2 .s2-c .s2-next{display: none}
	.s2 .topArea{padding-bottom: 15px}
	.s2 .topArea .h{font-size: 24px;}
	.s2 .topArea .p{font-size: 14px}
	#s2pagination{margin-top: 40px}
}
@media screen and (max-width: 750px){
	#s2pagination{width: 96%}
}

.s3{padding: 60px 0 80px}
.s3 .topArea{text-align: center;padding-bottom: 14px;position: relative;}
.s3 .topArea::after{content: '';position: absolute;bottom: 0;left: 50%;width: 48px;height: 2px;margin-left: -24px;background: #1aa2eb}
.s3 .topArea .h{font-size: 36px;color: #000000;font-weight: bold;}
.s3 .topArea .p{font-size: 15px;color: #666666;margin-top: 6px;}
.s3 .s3-a{margin-top: 54px;}
.s3 .s3-a ul li{float: left;width: 375px;margin-right: 33px;box-shadow: 0 0 14px #ecf0f2}
.s3 .s3-a ul li:last-child{margin-right: 0}
.s3 .s3-a ul li .pic{overflow: hidden;}
.s3 .s3-a ul li .pic img{width: 100%;height: auto;display: block;display:block;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all .5s;max-width: 100%;}
.s3 .s3-a ul li:hover .pic img{transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);}
.s3 .s3-a ul li .txt{height: 200px;box-sizing: border-box;padding: 15px 20px 0;background: #fff}
.s3 .s3-a ul li .txt .h{font-size: 18px;color: #333333;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-weight: bold;transition: all .5s ease;}
.s3 .s3-a ul li .txt .p{margin-top:10px;font-size: 14px;color: #999999;line-height: 21px;height:60px;overflow: hidden;}
.s3 .s3-a ul li .txt .m{margin-top: 24px;}
.s3 .s3-a ul li .txt .m span.time{font-size: 14px;color: #999999;float: left;line-height: 30px;}
.s3 .s3-a ul li .txt .m span.more{font-size: 14px;color: #999999;width: 102px;height: 30px;line-height: 30px;border: 1px solid #aaa9a9;text-align: center;display: block;float: right;border-radius:0px;transition: all .5s ease;}
.s3 .s3-a ul li:hover .txt .h{color: #0486e3}
.s3 .s3-a ul li:hover .txt .m span.more{color: #0486e3;border: 1px solid #0486e3}
.s3 .s3-b{margin-top: 70px;text-align: center;}
.s3 .s3-b a{display: inline-block;width:200px;height: 40px;line-height: 40px;box-sizing: border-box;border-radius: 3px;text-align: left;position: relative;}
.s3 .s3-b a.btn-a{padding-left: 28px;font-size: 16px;color: #ffffff;background: #0486e3;margin-right: 50px;}
.s3 .s3-b a.btn-a::after{content: '';position: absolute;width: 14px;height: 14px;background: url(ico_02.png) no-repeat;top: 50%;margin-top: -7px;right: 27px}
.s3 .s3-b a.btn-b{padding-left: 20px;font-size: 16px;color: #ffffff;background: #0486e3}
.s3 .s3-b a.btn-b::after{content: '';position: absolute;width: 15px;height: 15px;background: url(ico_03.png) no-repeat;top: 50%;margin-top: -7px;right: 21px}

@media screen and (max-width: 1660px){
	.s3 .s3-a ul li{width: 285px;margin-right: 20px}
	.s3 .s3-a ul li .txt{height: 190px}
	.s3 .s3-a ul li .txt .h{font-size: 16px;}
	.s3 .s3-a ul li .txt .p{margin-top: 5px}
	.s3 .s3-a ul li .txt .m span.time{font-size: 12px;line-height: 26px}
	.s3 .s3-a ul li .txt .m span.more{font-size: 12px;width: 90px;height: 26px;line-height: 26px;}
	.s3 .s3-b{margin-top: 50px}
}
@media screen and (max-width: 1200px){
	.s3{padding: 40px 0 50px}
	.s3 .topArea .h{font-size: 24px}
	.s3 .topArea .p{font-size: 14px}
	.s3 .s3-a{margin-top: 30px}
	.s3 .s3-a ul li{width: 49%;margin-right: 2%;margin-bottom: 20px}
	.s3 .s3-a ul li:nth-child(2n){margin-right: 0}
	.s3 .s3-a ul li .txt{padding: 15px 20px;height: 170px}
	.s3 .s3-a ul li .txt .h{font-size: 18px;}
	.s3 .s3-a ul li .txt .p{font-size: 14px;margin-top: 10px}
	.s3 .s3-a ul li .txt .m{margin-top: 10px}
	.s3 .s3-a ul li .txt .m span.more{display: none}
	.s3 .s3-b{margin-top: 20px}
}
@media screen and (max-width: 750px){
	.s3 .s3-b a.btn-a{margin-right: 20px;font-size: 14px;}
	.s3 .s3-b a.btn-b{font-size: 14px}
}

.s4{padding: 40px 0 100px;background: url(bg_03.jpg) no-repeat top center;background-size: cover;}
.s4 .topArea{text-align: center;padding-bottom: 14px;position: relative;}
.s4 .topArea::after{content: '';position: absolute;bottom: 0;left: 50%;width: 48px;height: 2px;background: #fff;margin-left: -24px;}
.s4 .topArea .h{font-size: 36px;color: #fff;font-weight: bold;}
.s4 .topArea .p{font-size: 15px;color: #ffffff;margin-top: 6px}
.s4 .s4-c{margin-top: 48px;}
.s4 .s4-c ul li{float: left;width: 33.33%;height: auto;overflow: hidden;}
.s4 .s4-c ul li img{width: 100%;height: auto;display: block;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all .5s;max-width: 100%;}
.s4 .s4-c ul li:hover img{transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1); }

@media screen and (max-width: 1660px){
	
}
@media screen and (max-width: 1200px){
	.s4 .topArea .h{font-size: 24px;}
	.s4 .topArea .p{font-size: 14px}
}
@media screen and (max-width: 750px){
	.s4{padding: 40px 0}
	.s4 .s4-c{margin-top: 30px}
	.s4 .s4-c ul li{width: 100%;margin-bottom: 10px}
}